// border: $b1;
// @include coerceRow;
// @include twoAlign($w, $h);
// @include ellipsisMore;
// @include centerLayer($mr);

$b1: 1px solid #dcdcdc;

@mixin coerceRow {
  display: flex;
  align-items: center;
}

@mixin twoAlign($w, $h) {
  @if $w {
    width: $w + px;
  }
  text-align: center;
  height: $h + px;
  line-height: $h + px;
}

@mixin ellipsisMore($num: 1) {
  overflow: hidden;
  text-overflow: ellipsis;
  @if $num !=1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: $num;
  } @else {
    white-space: nowrap;
  }
}

@mixin centerLayer($mr) {
  @include coerceRow;
  .zuo-box {
    margin-right: $mr + px;
  }
  .you-box {
  }
}
